<{php}>
if(isset($config['product_syslist_seo_title']['cvalue'])){
$title = $config['product_syslist_seo_title']['cvalue'];
}
if(isset($config['product_syslist_seo_keywords']['cvalue'])){
$keywords = $config['product_syslist_seo_keywords']['cvalue'];
}
if(isset($config['product_syslist_seo_desc']['cvalue'])){
$description = $config['product_syslist_seo_desc']['cvalue'];
}
<{/php}>
<{php}>
$cat = $query->getProductCatById($id);
$products = $query->getProductsForSysCat($id);
$title = $cat['seo_title'];
$keywords = $cat['seo_keywords'];
$description = $cat['seo_description'];
<{/php}>
<{include file="../template/public/head.html"}>
<link rel="stylesheet" type="text/css" href="/static/css/css.css" />
<style type="text/css">

    .pro-banner{
        background:url(<{if condition="isset($config.product_syslist_banner.cvalue)"}><{$config.product_syslist_banner.cvalue}><{/if}>);
        background-size:100% 100%;
    }
    @media (max-width: 1200px) {
        .pro-banner{
            display:none;
            background: url(<{if condition="isset($config.product_syslist_banner.cvalue)"}><{$config.product_syslist_banner.cvalue}><{/if}>) no-repeat center center !important;
        }
    }
    @media (max-width: 500px) {
        .hover-fadeIn .hover-text a:first-child{
            font-size:14px;
        }
    }
    @media (max-width:767px){

        .hover-fadeIn .img-hover{
            opacity: 1;
            position:static;
            height: 38px;
        }
        .hover-fadeIn .hover-text{
            opacity: 1;
            transform: scale(1,1);
            line-height: 12px;
            font-size: 12px !important;
            font-weight: normal !important;
            height: 12px;
        }
        .hover-fadeIn .hover-text a:first-child{
            opacity: 1;
            display: inline;
            font-size: 12px;
            font-weight: normal;
            line-height: 14px;
        }
 
        .hover-fadeIn .hover-text a {
            display:none;
            color:#666;
        }

    }
</style>
<!-- header-->


<!-- pro_top -->
<{include file="../template/public/union_nav.html"}>
<script>
/*    $('link').each(function(){
        if($(this).attr('href').indexOf("css/style.css")>0){
            $(this).remove();
            return false;
        }
    });*/
</script>



<div class="container-fluid">
    <div class="row">
        <div class="banner pro-banner">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7">
                        <div class="text">
                            <h1 class="white"><{if condition="isset($config.product_syslist_title.cvalue)"}><{$config.product_syslist_title.cvalue}><{/if}></h1>
                            <p><{if condition="isset($config.product_syslist_desc.cvalue)"}><{$config.product_syslist_desc.cvalue}><{/if}></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="height:40px;"></div>
<!-- center of the page -->
<div id="content">



    <div class="container pro-sec">
        <div class="text-center center-block pro-list">
            <h1><{if condition="(isset($cat))"}><{$cat.name}><{/if}></h1>
            <!--<a href="javascript:;" class="more">MORE</a>-->
            <p class="head-desc"><{if condition="(isset($cat))"}><{$cat.desc}><{/if}></p>
            <div class="row">
                <{if condition="(isset($products))"}>
                <{volist name="$products" id="item"}>
                <div class="col-md-4 col-sm-4 col-xs-6 pro-item border-right border-bottom hover-fadeIn" id="pd-0">
                    <div class="imgbox">
                        <a href="<{php}> echo $query->U('index/product/product/id/'.$item['id'],true);<{/php}>"><img src="<{$item.cover}>" alt="" class="img-responsive center-block" style="display:inline;"></a>
                    </div>
                    <div class="img-hover" onclick="window.location.href='<{php}> echo $query->U('index/product/product/id/'.$item['id'],true);<{/php}>';" style="cursor:pointer;">
                        <div class="hover-text">
                            <a href="<{php}> echo $query->U('index/product/product/id/'.$item['id'],true);<{/php}>"><{$item.name}></a>
                        </div>
                    </div>
                </div>
                <{/volist}>
                <{/if}>
            </div>
        </div>
    </div>




</div>
<script>
    $(".index_case_text").hover(function(){
        var index = $(".index_case_text").index(this);
        $(".index_case_text").removeClass("active").eq(index).addClass("active");
    },function(){
        $(this).removeClass("active");
    });
</script>

<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>